<template>
	<div>
		<van-sticky >
			<navHeader></navHeader>
		</van-sticky>
		 <van-card
		   :desc="user.content"
		   :thumb="user.img"
		 >
		 <span slot='title' class="nick"><h1>{{user.myname}}</h1></span>
		 <span slot='price' class="time">{{'完成'+user.order+'单'}}</span>
		 </van-card>
		 <van-grid>
		   <van-grid-item icon="bag-o" text="我的商品" />
		   <van-grid-item icon="gift-o" text="礼物" />
		   <van-grid-item icon="clock-o" text="历史" />
		   <van-grid-item icon="shop-o" text="商店" />
		 </van-grid>
		<van-cell-group>
		  <van-cell title="我的订单" is-link />
		  <van-cell title="我的信息" is-link />
		  <van-cell title="我的车" is-link />
		  <van-cell title="我的账户" is-link />
		  <van-cell title="分享社区" is-link />
		  <van-cell title="二手达人" is-link />
		</van-cell-group>
		<van-row type='flex' justify='center'>
			<van-col span='8' offset='3'>
				<van-button type="danger">账号设置</van-button>
				
			</van-col>
			<van-col span='8'>
				<van-button type="danger">退出</van-button>
				
			</van-col>
			
		</van-row>
		
	</div>
</template>

<script>
	import navHeader from '../components/nav.vue'
	export default {
		components:{
			navHeader
		},
		data(){
			return {
					user:{
						img:"https://dss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=2247692397,1189743173&fm=5",
						myname:'栎古书院',
						order:9999,
						content:'专业二手车买卖，九找我',
					}
					
			}
		},
		computed:{
			},
		methods:{
		}
	}
</script>

<style  lang="less" scoped="">
	.time{
		color:#0086B3
	}
	.nick{
		font-weight: bold;
		font-size: .4rem;
		h1{
			
		}
	}
	.bannerTop{
		background: pink;
		width: 100%;
		height: 50px;
	}
	.bannerText{
		color: white;
		font-size: 18px;
		line-height: 50px;
		font-weight: bold;
	}
</style>
